<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三角洲行动全能脚本</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'SimSun', sans-serif;
            margin: 0;
            padding: 20px;
            background: 
                radial-gradient(circle at 15% 15%, rgba(0, 183, 255, 0.08) 0%, transparent 40%),
                radial-gradient(circle at 85% 85%, rgba(0, 255, 208, 0.08) 0%, transparent 40%),
                linear-gradient(135deg, #050a1c 0%, #0a1a33 100%);
            color: #fff;
            line-height: 1.6;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .promo-card {
            max-width: 800px;
            background: 
                linear-gradient(135deg, rgba(0, 183, 255, 0.05) 0%, rgba(0, 255, 208, 0.05) 100%),
                linear-gradient(135deg, #050a1c 0%, #0a1a33 100%);
            border: 2px solid #00b7ff;
            border-radius: 20px;
            padding: 40px;
            text-align: center;
            position: relative;
            overflow: hidden;
            box-shadow: 
                0 0 30px rgba(0, 183, 255, 0.3),
                inset 0 0 50px rgba(0, 183, 255, 0.1);
        }
        
        /* 添加科技纹理背景 */
        .promo-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                linear-gradient(90deg, rgba(0, 183, 255, 0.03) 1px, transparent 1px),
                linear-gradient(rgba(0, 255, 208, 0.03) 1px, transparent 1px);
            background-size: 20px 20px;
            pointer-events: none;
            opacity: 0.5;
        }
        
        /* 角落装饰 */
        .corner-decoration {
            position: absolute;
            width: 30px;
            height: 30px;
            border: 2px solid #00b7ff;
        }
        
        .corner-decoration.top-left {
            top: 15px;
            left: 15px;
            border-right: none;
            border-bottom: none;
        }
        
        .corner-decoration.top-right {
            top: 15px;
            right: 15px;
            border-left: none;
            border-bottom: none;
        }
        
        .corner-decoration.bottom-left {
            bottom: 15px;
            left: 15px;
            border-right: none;
            border-top: none;
        }
        
        .corner-decoration.bottom-right {
            bottom: 15px;
            right: 15px;
            border-left: none;
            border-top: none;
        }
        
        .version-badge {
            position: absolute;
            top: 20px;
            right: 20px;
            background: linear-gradient(45deg, #00b7ff, #00ffd0);
            color: #fff;
            padding: 5px 12px;
            border-radius: 15px;
            font-size: 0.8em;
            font-weight: bold;
            z-index: 10;
            box-shadow: 0 3px 10px rgba(0, 183, 255, 0.4);
        }
        
        .main-title {
            color: #00b7ff;
            font-size: 2.5em;
            font-weight: bold;
            margin-bottom: 15px;
            text-shadow: 
                0 0 20px rgba(0, 183, 255, 0.8),
                0 0 40px rgba(0, 183, 255, 0.4);
            position: relative;
            z-index: 5;
            letter-spacing: 2px;
        }
        
        .subtitle {
            color: #00ffd0;
            font-size: 1.3em;
            margin-bottom: 30px;
            position: relative;
            z-index: 5;
            opacity: 0.9;
        }
        
        .features-header {
            color: #ff3e6c;
            font-size: 1.4em;
            font-weight: bold;
            margin-bottom: 25px;
            text-shadow: 0 0 15px rgba(255, 62, 108, 0.6);
            position: relative;
            z-index: 5;
        }
        
        .features-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
            margin: 25px 0;
            position: relative;
            z-index: 5;
            justify-items: center;
        }
        
        .feature-item {
            background: 
                linear-gradient(135deg, rgba(0, 183, 255, 0.15) 0%, rgba(0, 255, 208, 0.1) 100%);
            color: #00ffd0;
            padding: 22px 15px;
            border-radius: 10px;
            border: 1px solid rgba(0, 183, 255, 0.4);
            font-size: 1.1em;
            font-weight: 500;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            width: 100%;
            backdrop-filter: blur(5px);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .feature-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(0, 183, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }
        
        .feature-item:hover::before {
            left: 100%;
        }
        
        .feature-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 20px rgba(0, 183, 255, 0.3);
            border-color: #00ffd0;
        }
        
        .highlight-section {
            background: 
                linear-gradient(135deg, rgba(255, 62, 108, 0.15) 0%, rgba(255, 62, 108, 0.1) 100%);
            border: 2px solid #ff3e6c;
            border-radius: 15px;
            padding: 20px;
            margin: 30px 0;
            position: relative;
            z-index: 5;
            backdrop-filter: blur(5px);
        }
        
        .highlight-text {
            color: #ff3e6c;
            font-size: 1.5em;
            font-weight: bold;
            text-shadow: 0 0 15px rgba(255, 62, 108, 0.8);
            margin: 0;
        }
        
        .slogan {
            color: #cccccc;
            font-size: 1.2em;
            margin-top: 25px;
            position: relative;
            z-index: 5;
            font-style: italic;
        }
        
        /* 联系方式区域样式 */
        .contact-section {
            margin-top: 35px;
            padding: 25px;
            background: 
                linear-gradient(135deg, rgba(0, 183, 255, 0.1) 0%, rgba(0, 255, 208, 0.1) 100%);
            border: 1px solid rgba(0, 183, 255, 0.4);
            border-radius: 15px;
            position: relative;
            z-index: 5;
            backdrop-filter: blur(5px);
        }
        
        .contact-header {
            color: #00b7ff;
            font-size: 1.3em;
            font-weight: bold;
            text-align: center;
            margin-bottom: 20px;
            text-shadow: 0 0 10px rgba(0, 183, 255, 0.6);
        }
        
        .contact-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 30px;
        }
        
        .contact-left {
            flex: 1;
        }
        
        .qq-info {
            text-align: center;
        }
        
        .qq-label {
            color: #00ffd0;
            font-size: 1.1em;
            margin-bottom: 8px;
            font-weight: bold;
        }
        
        .qq-number {
            color: #00b7ff;
            font-size: 1.8em;
            font-weight: bold;
            font-family: 'Courier New', monospace;
            margin-bottom: 8px;
            text-shadow: 0 0 15px rgba(0, 183, 255, 0.5);
            letter-spacing: 1px;
            cursor: pointer;
            transition: all 0.3s ease;
            padding: 5px 10px;
            border-radius: 8px;
            display: inline-block;
        }
        
        .qq-number:hover {
            background: rgba(0, 183, 255, 0.1);
            transform: scale(1.05);
            text-shadow: 0 0 20px rgba(0, 183, 255, 0.8);
        }
        
        .qq-note {
            color: #cccccc;
            font-size: 0.9em;
            opacity: 0.8;
        }
        
        .contact-right {
            flex: 1;
        }
        
        .qr-section {
            text-align: center;
        }
        
        .qr-code {
            width: 120px;
            height: 120px;
            margin: 0 auto 10px;
            border: 2px solid #00ffd0;
            border-radius: 10px;
            background: 
                linear-gradient(135deg, rgba(0, 183, 255, 0.1) 0%, rgba(0, 255, 208, 0.1) 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .qr-code:hover {
            transform: scale(1.05);
            border-color: #00b7ff;
            box-shadow: 0 5px 20px rgba(0, 183, 255, 0.4);
        }
        
        .zoom-hint {
            position: absolute;
            bottom: 5px;
            right: 5px;
            background: rgba(0, 0, 0, 0.8);
            color: #00b7ff;
            font-size: 0.7em;
            padding: 2px 6px;
            border-radius: 10px;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .qr-code:hover .zoom-hint {
            opacity: 1;
        }
        
        .qr-placeholder {
            text-align: center;
            color: #00ffd0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
        }
        
        .qr-icon {
            font-size: 2.5em;
            margin-bottom: 5px;
        }
        
        .qr-text {
            font-size: 0.9em;
            font-weight: bold;
        }
        
        .qr-description {
            color: #cccccc;
            font-size: 0.9em;
            opacity: 0.8;
        }
        
        /* QR码扫描线动画 */
        .qr-code::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, transparent, #00ffd0, transparent);
            animation: qrScan 2s ease-in-out infinite;
        }
        
        @keyframes qrScan {
            0% { top: 0; opacity: 1; }
            50% { top: 50%; opacity: 0.5; }
            100% { top: 100%; opacity: 1; }
        }
        
        /* 二维码放大模态框样式 */
        .qr-modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            backdrop-filter: blur(10px);
            animation: modalFadeIn 0.3s ease;
        }
        
        .qr-modal-content {
            position: relative;
            background: linear-gradient(135deg, #050a1c 0%, #0a1a33 100%);
            margin: 5% auto;
            padding: 0;
            border: 2px solid #00b7ff;
            border-radius: 15px;
            width: 90%;
            max-width: 500px;
            box-shadow: 0 0 50px rgba(0, 183, 255, 0.5);
            animation: modalSlideIn 0.3s ease;
            backdrop-filter: blur(10px);
        }
        
        .qr-modal-header {
            background: linear-gradient(45deg, rgba(0, 183, 255, 0.2), rgba(0, 255, 208, 0.2));
            padding: 20px;
            border-bottom: 1px solid rgba(0, 183, 255, 0.3);
            border-radius: 13px 13px 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .qr-modal-header h3 {
            color: #00b7ff;
            margin: 0;
            font-size: 1.3em;
            text-shadow: 0 0 10px rgba(0, 183, 255, 0.6);
        }
        
        .close-btn {
            color: #ff3e6c;
            font-size: 2em;
            font-weight: bold;
            cursor: pointer;
            line-height: 1;
            transition: all 0.3s ease;
        }
        
        .close-btn:hover {
            color: #ff1a4f;
            transform: scale(1.2);
        }
        
        .qr-modal-body {
            padding: 30px;
            text-align: center;
        }
        
        .qr-large {
            width: 250px;
            height: 250px;
            border: 3px solid #00b7ff;
            border-radius: 15px;
            box-shadow: 0 0 30px rgba(0, 183, 255, 0.4);
            margin-bottom: 25px;
            object-fit: cover;
        }
        
        .qr-info {
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .group-info, .qq-contact {
            background: rgba(0, 183, 255, 0.1);
            border: 1px solid rgba(0, 183, 255, 0.3);
            border-radius: 10px;
            padding: 15px;
            min-width: 150px;
            backdrop-filter: blur(5px);
        }
        
        .group-name, .qq-label {
            color: #00ffd0;
            font-size: 1em;
            font-weight: bold;
            margin-bottom: 8px;
        }
        
        .group-id, .qq-num {
            color: #00b7ff;
            font-size: 1.2em;
            font-weight: bold;
            font-family: 'Courier New', monospace;
            text-shadow: 0 0 10px rgba(0, 183, 255, 0.5);
        }
        
        .qq-num {
            cursor: pointer;
            transition: all 0.3s ease;
            padding: 5px;
            border-radius: 5px;
        }
        
        .qq-num:hover {
            background: rgba(0, 183, 255, 0.2);
            transform: scale(1.05);
        }
        
        @keyframes modalFadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes modalSlideIn {
            from { 
                opacity: 0;
                transform: translateY(-50px) scale(0.9);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        /* 数据统计区域 */
        .stats-section {
            display: flex;
            justify-content: space-around;
            margin: 25px 0;
            position: relative;
            z-index: 5;
        }
        
        .stat-item {
            text-align: center;
        }
        
        .stat-number {
            color: #00b7ff;
            font-size: 1.8em;
            font-weight: bold;
            display: block;
            text-shadow: 0 0 10px rgba(0, 183, 255, 0.6);
        }
        
        .stat-label {
            color: #cccccc;
            font-size: 0.9em;
            margin-top: 5px;
        }
        
        /* 脉冲动画效果 */
        @keyframes pulse {
            0% { box-shadow: 0 0 30px rgba(0, 183, 255, 0.3); }
            50% { box-shadow: 0 0 50px rgba(0, 183, 255, 0.6); }
            100% { box-shadow: 0 0 30px rgba(0, 183, 255, 0.3); }
        }
        
        .promo-card {
            animation: pulse 3s ease-in-out infinite;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .features-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .feature-item {
                padding: 15px 10px;
                font-size: 1em;
            }
            
            .main-title {
                font-size: 2em;
            }
            
            .promo-card {
                padding: 25px;
                margin: 10px;
            }
            
            .contact-content {
                flex-direction: column;
                gap: 20px;
            }
            
            .contact-left, .contact-right {
                flex: none;
                width: 100%;
            }
            
            .qq-number {
                font-size: 1.5em;
            }
            
            .qr-code {
                width: 100px;
                height: 100px;
            }
            
            .qr-modal-content {
                width: 95%;
                margin: 10% auto;
            }
            
            .qr-large {
                width: 200px;
                height: 200px;
            }
            
            .qr-info {
                flex-direction: column;
                gap: 15px;
            }
            
            .group-info, .qq-contact {
                min-width: auto;
                width: 100%;
            }
        }
        
        /* 添加玻璃态效果 */
        .glass-effect {
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }
        
        /* 添加悬浮卡片效果 */
        .floating {
            animation: floating 3s ease-in-out infinite;
        }
        
        @keyframes floating {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        
        /* 添加按钮发光效果 */
        .glow-on-hover {
            position: relative;
            overflow: hidden;
        }
        
        .glow-on-hover::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }
        
        .glow-on-hover:hover::after {
            opacity: 1;
        }
        
        /* 改进的Toast提示样式 */
        .toast-message {
            background: linear-gradient(45deg, #00b7ff, #00ffd0) !important;
            color: white !important;
            border-radius: 15px !important;
            box-shadow: 0 5px 25px rgba(0, 183, 255, 0.5) !important;
        }
        
        /* 购买按钮样式 */
        .buy-button {
            display: inline-block;
            background: linear-gradient(45deg, #ff3e6c, #ff8e53);
            color: white;
            font-size: 1.2em;
            font-weight: bold;
            padding: 15px 30px;
            border-radius: 50px;
            margin: 20px auto;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
            box-shadow: 0 5px 15px rgba(255, 62, 108, 0.4);
            text-decoration: none;
        }
        
        .buy-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(255, 62, 108, 0.6);
        }
        
        .buy-button:active {
            transform: translateY(1px);
        }
        
        /* 代理招募样式 */
        .agent-section {
            background: 
                linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.1) 100%);
            border: 2px solid #ffd700;
            border-radius: 15px;
            padding: 20px;
            margin: 30px 0;
            position: relative;
            z-index: 5;
            backdrop-filter: blur(5px);
        }
        
        .agent-header {
            color: #ffd700;
            font-size: 1.4em;
            font-weight: bold;
            margin-bottom: 15px;
            text-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
        }
        
        .agent-text {
            color: #e6e6e6;
            font-size: 1.1em;
            margin-bottom: 15px;
        }
        
        .agent-benefits {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin: 20px 0;
            flex-wrap: wrap;
        }
        
        .agent-benefit {
            background: rgba(255, 215, 0, 0.1);
            border: 1px solid rgba(255, 215, 0, 0.3);
            border-radius: 10px;
            padding: 10px 15px;
            color: #ffd700;
            font-weight: 500;
        }
    </style>
</head>
<body>
    <div class="promo-card floating">
        <!-- 角落装饰 -->
        <div class="corner-decoration top-left"></div>
        <div class="corner-decoration top-right"></div>
        <div class="corner-decoration bottom-left"></div>
        <div class="corner-decoration bottom-right"></div>
        
        <!-- 版本标识 -->
        <div class="version-badge glass-effect">V3.4.2</div>
        
        <!-- 主标题 -->
        <h1 class="main-title">三角洲行动全能脚本</h1>
        <div class="subtitle">专业版 | 智能挂机神器</div>
        
        <!-- 功能标题 -->
        <div class="features-header">🔥 六大核心功能 🔥</div>
        
        <!-- 功能网格 -->
        <div class="features-grid">
            <div class="feature-item glow-on-hover">🔍 智能扫货</div>
            <div class="feature-item glow-on-hover">💰 自动出售</div>
            <div class="feature-item glow-on-hover">🎴 房卡抢购</div>
            <div class="feature-item glow-on-hover">🏭 特勤制造</div>
            <div class="feature-item glow-on-hover">🤖 无人挂机</div>
            <div class="feature-item glow-on-hover">💻 单机扫货</div>
        </div>
        
        <!-- 数据统计 -->
        <div class="stats-section">
            <div class="stat-item">
                <span class="stat-number">24H</span>
                <div class="stat-label">无人值守</div>
            </div>
            <div class="stat-item">
                <span class="stat-number">99%</span>
                <div class="stat-label">成功率</div>
            </div>
            <div class="stat-item">
                <span class="stat-number">6</span>
                <div class="stat-label">核心功能</div>
            </div>
        </div>
        
        <!-- 重点强调 -->
        <div class="highlight-section glass-effect">
            <div class="highlight-text">⚡ 24小时无人值守 ⚡</div>
        </div>
        
        <!-- 宣传标语 -->
        <div class="slogan">解放双手，智能致富</div>
        
        <!-- 购买按钮 -->
        <a href="https://fk.zexi666.xyz/" target="_blank" class="buy-button glow-on-hover">
            立即购买 →
        </a>
        
        <!-- 代理招募区域 -->
        <div class="agent-section glass-effect">
            <div class="agent-header">💼 诚招代理合作伙伴</div>
            <div class="agent-text">加入我们的代理团队，享受丰厚佣金和专业支持</div>
            <div class="agent-benefits">
                <div class="agent-benefit">优惠拿卡</div>
                <div class="agent-benefit">技术支持</div>
                <div class="agent-benefit">专属培训</div>
                <div class="agent-benefit">持续更新</div>
            </div>
            <div class="qq-number glow-on-hover" onclick="copyQQ()" title="点击复制QQ号">联系QQ: 1957872556</div>
        </div>
        
        <!-- 联系方式区域 -->
        <div class="contact-section glass-effect">
            <div class="contact-header">📞 联系我们</div>
            <div class="contact-content">
                <div class="contact-left">
                    <div class="qq-info">
                        <div class="qq-label">售后QQ</div>
                        <div class="qq-number glow-on-hover" id="qq-copy-btn" title="点击复制QQ号">1957872556</div>
                        <div class="qq-note">专业技术支持 · 24小时在线</div>
                    </div>
                </div>
                <div class="contact-right">
                    <div class="qr-section">
                        <div class="qr-code glow-on-hover" onclick="openQRModal()">
                            <!-- 二维码图片 -->
                            <img src="qrcode.png" alt="加群二维码" style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;" onerror="this.style.display='none'; document.getElementById('qr-placeholder').style.display='flex';">
                            <!-- 备用显示（如果图片加载失败） -->
                            <div id="qr-placeholder" class="qr-placeholder" style="display: none;">
                                <div class="qr-icon">📱</div>
                                <div class="qr-text">扫码进群</div>
                            </div>
                            <!-- 放大提示 -->
                            <div class="zoom-hint">🔍 点击放大</div>
                        </div>
                        <div class="qr-description">扫一扫二维码，加入群聊</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 二维码放大模态框 -->
    <div id="qrModal" class="qr-modal" onclick="closeQRModal()">
        <div class="qr-modal-content glass-effect" onclick="event.stopPropagation()">
            <div class="qr-modal-header">
                <h3>扫描二维码加入群聊</h3>
                <span class="close-btn" onclick="closeQRModal()">&times;</span>
            </div>
            <div class="qr-modal-body">
                <img src="qrcode.png" alt="加群二维码" class="qr-large" onerror="this.style.display='none'; document.getElementById('qr-large-placeholder').style.display='flex';">
                <div id="qr-large-placeholder" style="width: 250px; height: 250px; border: 3px solid #00b7ff; border-radius: 15px; box-shadow: 0 0 30px rgba(0, 183, 255, 0.4); margin: 0 auto 25px; display: none; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(0, 183, 255, 0.1) 0%, rgba(0, 255, 208, 0.1) 100%);">
                    <div style="text-align: center;">
                        <div style="font-size: 4em; color: #00ffd0; margin-bottom: 10px;">📱</div>
                        <div style="color: #00b7ff; font-weight: bold;">扫码加入群聊</div>
                    </div>
                </div>
                <div class="qr-info">
                    <div class="group-info glass-effect">
                        <div class="group-name">三角洲定制2群</div>
                        <div class="group-id">群号：541926217</div>
                    </div>
                    <div class="qq-contact glass-effect">
                        <div class="qq-label">售后QQ</div>
                        <div class="qq-num glow-on-hover" onclick="copyQQ()" title="点击复制QQ号">1957872556</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script>
        // 打开二维码放大模态框
        function openQRModal() {
            document.getElementById('qrModal').style.display = 'block';
            document.body.style.overflow = 'hidden'; // 禁止背景滚动
        }
        
        // 关闭二维码放大模态框
        function closeQRModal() {
            document.getElementById('qrModal').style.display = 'none';
            document.body.style.overflow = 'auto'; // 恢复背景滚动
        }
        
        // 按ESC键关闭模态框
        document.addEventListener('keydown', function(event) {
            if (event.key === 'Escape') {
                closeQRModal();
            }
        });
        
        // 复制QQ号功能
        function copyQQ() {
            const qqNumber = '1957872556';
            
            // 创建一个临时输入框
            const tempInput = document.createElement('input');
            tempInput.value = qqNumber;
            document.body.appendChild(tempInput);
            
            // 选择并复制文本
            tempInput.select();
            tempInput.setSelectionRange(0, 99999); // 适用于移动设备
            
            try {
                // 执行复制命令
                document.execCommand('copy');
                showToast('QQ号已复制到剪贴板！');
            } catch (err) {
                showToast('复制失败，请手动复制：' + qqNumber);
            }
            
            // 移除临时输入框
            document.body.removeChild(tempInput);
        }
        
        // 页面加载完成后设置点击事件
        document.addEventListener('DOMContentLoaded', function() {
            // 为QQ号码按钮添加点击事件
            const qqCopyBtn = document.getElementById('qq-copy-btn');
            if (qqCopyBtn) {
                qqCopyBtn.addEventListener('click', copyQQ);
            }
            
            // 为代理区域的QQ号码添加点击事件
            const agentQQBtn = document.querySelector('.agent-section .qq-number');
            if (agentQQBtn) {
                agentQQBtn.addEventListener('click', copyQQ);
            }
        });
        
        // 显示提示信息
        function showToast(message) {
            // 移除可能存在的旧提示
            const oldToast = document.querySelector('.toast-message');
            if (oldToast) {
                document.body.removeChild(oldToast);
            }
            
            const toast = document.createElement('div');
            toast.className = 'toast-message';
            toast.textContent = message;
            toast.style.cssText = `
                position: fixed;
                top: 20px;
                left: 50%;
                transform: translateX(-50%);
                background: linear-gradient(45deg, #00b7ff, #00ffd0);
                color: #fff;
                padding: 15px 25px;
                border-radius: 25px;
                z-index: 1001;
                font-weight: bold;
                box-shadow: 0 5px 25px rgba(0, 183, 255, 0.5);
                animation: toastIn 0.3s ease;
            `;
            
            document.body.appendChild(toast);
            
            setTimeout(() => {
                toast.style.animation = 'toastOut 0.3s ease forwards';
                setTimeout(() => {
                    if (document.body.contains(toast)) {
                        document.body.removeChild(toast);
                    }
                }, 300);
            }, 2000);
        }
        
        // 添加动画样式
        const style = document.createElement('style');
        style.textContent = `
            @keyframes toastIn {
                from { opacity: 0; transform: translate(-50%, -20px); }
                to { opacity: 1; transform: translate(-50%, 0); }
            }
            @keyframes toastOut {
                from { opacity: 1; transform: translate(-50%, 0); }
                to { opacity: 0; transform: translate(-50%, -20px); }
            }
        `;
        document.head.appendChild(style);
    </script>
</body>
</html>
